<!DOCTYPE html>
<html style="overflow: hidden;">

	<head>
		<meta charset="utf-8">
		<title>OA</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/lib/mui/mui.css">
		<link rel="stylesheet" href="css/common/animate.css">
		<link rel="stylesheet" href="css/mvc/login/login.css">
		<style>
				.mui-input-group::before {
					height: 0 !important;
				}
				.mui-input-group::after {
					height: 0 !important;
				}
				.mui-input-group .mui-input-row::after{
					left: 25px;
					right: 25px;
				}
		</style>
	</head>
	<body style="background-color: #FFFFFF;height: 100%;width: 100%;position: absolute;overflow: hidden;">
		<div style="background-repeat: no-repeat;height: 100%;background-color: #009AE8;background-image: url(img/common/bg.png);background-size: cover;"></div>
		<div class="animated slideInUp" style='animation-duration: 1s;position:absolute;top:140px;width:100%; height:100%; background: #FFFFFF; border-top-left-radius:50% 50px; border-top-right-radius:50% 50px '>
			<div style="width: 90px;height: 90px;border-radius: 45px;background-color: #FFFFFF;margin:0 auto;margin-top: -50px; text-align: center;">
				<img width="86px" height="86px" src="img/common/logo.png" style="margin:0 auto;margin-top: 2px;"/>
				<img height="22px" src="img/common/oa-word.png" style="margin:0 auto;"/>
			</div>
			<div class="mui-content-padded" style="margin: 0 auto;">
				<form class="mui-input-group" style="margin-top: 45px;padding-left: 20px;padding-right: 20px;">
					<div class="mui-input-row" style="height: 55px;padding: 10px 0px;" >
						<label style="padding-left: 40px;"><img width="20px" src="img/common/username.png" style="margin-top: 0px;"></label>
						<input type="text" id='username' placeholder="用户名" style="float: left;">
					</div>
					<div class="mui-input-row" style="height: 55px;padding: 10px 0px;">
						<label style="padding-left: 40px;"><img width="20px" src="img/common/password.png" style="margin-top: -6px;"></label>
						<input type="password" id='password' placeholder="密码" style="float: left;">
					</div>
				</form>
			</div>
			
			<div style="margin: 0 auto;height: 150px;text-align: center;margin-top: 30px;margin-left: 45px;margin-right: 45px;">
					
				<button type="button" class="mui-btn mui-btn-danger login-before" style="height: 42px;border-radius: 21px;border-color:#009AE8;background-color: #009AE8;font-size: 18px;" onclick="login_click()" id="loginButton">
					登录
				</button>
				
			</div>
		</div>
		<script type="text/javascript" src="js/common/config.js" ></script>
		<script type="text/javascript" src="js/lib/mui/mui.js"></script>
		<script type="text/javascript" src="js/lib/jquery/jquery.js"></script>
		<script type="text/javascript" src="js/lib/jquery/jquery.json.js" ></script>
		<script type="text/javascript" src="js/app/login/login.js" ></script>
	</body>
	
	
	
	
</html>